---
layout: only_topbar
---

<% @no_controls = true %>

<div class="span4 offset4">

  <div class="padded">

    <div class="login box" style="margin-top: 80px;">

      <div class="box-header">
        <span class="title">Sign Up</span>
      </div>

      <div class="box-content padded">
        <form class="separate-sections">

          <div class="input-prepend">
          <span class="add-on" href="#">
            <i class="icon-envelope"></i>
          </span>
            <input type="text" placeholder="email">
          </div>

          <div class="input-prepend">
          <span class="add-on" href="#">
            <i class="icon-user"></i>
          </span>
            <input type="text" placeholder="username">
          </div>

          <div class="input-prepend">
          <span class="add-on" href="#">
            <i class="icon-key"></i>
          </span>
            <input type="password" placeholder="password">
          </div>

          <div class="input-prepend">
          <span class="add-on" href="#">
            <i class="icon-key"></i>
          </span>
            <input type="password" placeholder="confirm password">
          </div>

          <div>
            <% link_to "/pages/dashboard/dashboard.html", relative: true, class: "btn btn-blue btn-block" do %>
                Sign Up <i class="icon-ok"></i>
            <% end %>
          </div>

        </form>

        <div>
          <% link_to "/pages/other/login.html", relative: true do %>
              Already have an account? <strong>Sign In</strong>
          <% end %>
        </div>
      </div>

    </div>

    <div class="row-fluid">
      <div class="span6">
        <a href="#" class="btn btn-facebook btn-block"><i class="icon-facebook-sign"></i> Facebook</a>
      </div>
      <div class="span6">
        <a href="#" class="btn btn-twitter btn-block"><i class="icon-twitter"></i> Twitter</a>
      </div>
    </div>
  </div>
</div>